<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
html {
	height: 100%
}

body {
	height: 100%;
}

#map_canvas {
	height: 100%
}
</style>
<script
	src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA"
	type="text/javascript"></script>
<script type="text/javascript">
	// Create a directions object and register a map and DIV to hold the 
	// resulting computed directions

	var map;
	var directions;

	function initialize() {
		map = new GMap2(document.getElementById("map_canvas"));
		map.setCenter(new GLatLng(42.351505, -71.094455), 8);
		directions = new GDirections(map);
		directions.load("from: Alpharetta, GA 30022 to: Atlanta, GA 30318");
	}
</script>
</head>

<body onload="initialize()">
	<div id="map_canvas"></div>
	<br />
</body>
</html>
